@tailwind base;
@tailwind components;
@tailwind utilities;
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400;700&display=swap");

html,
body {
  padding: 0;
  margin: 0;
  font-family: "Noto Sans Mono", monospace, sans-serif;
  &:before {
    content: "";
    width: 100%;
    height: 100vh;
  }
  background-image: linear-gradient(to right, #06b6d4, #3b82f6);
}

.text-shadow {
  text-shadow: 0px 2px 0px rgb(0 0 0 / 30%);
}

a {
  color: inherit;
  text-decoration: none;
}

* {
  box-sizing: border-box;
}